.collection {
    background-color: #f3f4f6;
    .collection-header {
        padding: 40rpx 0;

        .nav {
            margin-left: 25rpx;
            padding: 15rpx;
            background-color: #fff;
            border: 1rpx solid #ccc;
        }
        .active {
            color: var(--themeColor);
            border: 1rpx solid currentColor;
        }
    }

    .collection-content {
        .content-item {
            display: flex;
            background-color: #fff;
            border-bottom: 1rpx solid #ccc;
            .content-item-icon {
                flex: 2;
                display: flex;
                justify-content: center;
                align-content: center;
                image {
                    width: 80%;
                }
            }
            .content-item-info {
                flex: 5;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
                .content-item-info-name {
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }

                .content-item-info-price {
                    color: var(--themeColor);
                    font-size: 32rpx;
                }
            }            
        }
    }
}

.hint-wrap {
    background-color: #fff;
    .hint {
        padding: 100rpx 20rpx;
        text-align: center;
    }
}